﻿body{
background-color:#119966;
	
}
#menuTop
{
    color:Blue;
}
.TenSp
{
    color:Blue;
    }
#wrapper
{
	width:850px;
	height:1000px;
	background:#FFFFFF;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	
}
#table
{
	background :#006600;
	font-family :Arial Greek ;
	font-size :larger;
	left :inherit ;
	text-align:justify ;
	font-style :normal ;
	color :Red ;
}
#td
{
	font-family :Arial Greek ;
	font-size :larger;
	text-align:left ;
	font-style :inherit;
	color :MenuText ;
}

#header
{
	height:88px;
	width: 847px;
}

#menu
{
background:#AA0000;
height:40px;
width:850px;
}
#menu1
{
background:#669900;
height:25px;
width:850px;
 font-family:Verdana;
 font-size:medium;
 padding-top:10px;
 color:Black;
}

#nav {
    background:#000 url(Images/bg_nav.gif) repeat-x 0 0;
    margin:0;
    padding:0;
    width:840px;
    clear:both;
    margin:0 0 0 10px;
    font-family:Verdana;
    
}
#nav1 {
    background:#000 url(Images/bg_nav.gif) repeat-x 0 0;
    padding:0;
    width:840px;
    clear:both;
    font-family:Verdana;
	margin-left: 10px;
	margin-right: 0;
	margin-top: 0;
}

#nav ul, #subnav ul {
    list-style:none;
    margin:0;
    padding:0;
    overflow:hidden;
    clear:both;
}

/* this is new, replacing the below */
#nav ul li{
      float:left;
      display:block;
}
/* removing this as it breaks the nav on FFox 1.7
#nav ul li {
    float:left;
    display:inline-table;
} */

#nav ul li a {
    display:block;
    line-height:30px;
    padding:0 1em;
    text-decoration:none;
    font-size:12px;
    color:#fff;
    float:left;
    border-right:1px solid #000;
    margin:2px 0;
}

#nav ul li.searchbox {
    padding-right:2em;
    float:right;
}   
    
#nav ul li input {
    margin:8px 0 0 2px;
    padding:0;
    vertical-align:middle;
    font-size:95%;
    color:#666;
}   
    
#nav form {    margin:0;
    padding:0;
}

/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#nav ul li a {
    float:none;
}
/* End IE5-Mac hack */

#nav ul li a:hover {
    background:#000 url(Images/bg_nav_hover.gif) repeat-x 0 0;
    color:#bbb;
}

#nav li.nav_selected a, #nav li.nav_selected a:hover {
    line-height:34px !important;
    margin:0 !important;
    background: #990000 !important;
    background-image:none !important;
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}

/* navigation*/



#sideleft{
	float:left;
	width:184px;
	height:800px;
	
}
.menuCategory
{
	/*margin:4px 5px 4px 5px;
	width:100px;*/
	margin:12px 6px 0 0;
}

.BestSeller
{
	margin:12px 6px 0 0;
}


#menusearch
{
	float:right;
	width:669px;
	height:30px;
	padding:4px 0 0 0;
	
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;

}

.inputsearch
{
	border-style: none;
    border-color: inherit;
    border-width: 0;
    background: url('Images/gradient.gif') no-repeat left top;
}
.inputsearch1
{
	border:1;
    background: transparent url(Images/gradient.gif) no-repeat top left;
    height: 22px;
    width: 228px;
}
.buttonSignout
{
	margin:9px 0 0 0;
}


#sideright
{
	float:right;
	width:208px;
	height:800px;
	
}

#PanelLogin
{
	margin:12px 6px 0 0;
}
#PanelCard
{
	margin:12px 6px 0 0;
}
#PanelAdmin
{
	margin:12px 6px 0 0;
}

#mainside{
	
	width:447px;
	height:800px;
	float:left;
	
}
#ContenHolder
{
	margin:12px 0 0 0;
}

.NewBooks
{
	background-image: url(Images/box-item-header.gif);
}


#footer
{
	background:#FFFFFF;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	
	
	width:850px;
	height:63px;
}

/*phan moi copy*/

#header .title {
	font: 190% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: black;
	background-color: transparent;
	float: left;
	margin-right: 2em;
	margin-top: 0.3em;
	margin-left: .8em;
}
#header .breadcrumb {
	color: black;
	background-color: transparent;
	float: right;
	margin-right: 2em;
	margin-top: 0.8em;
	font-weight:bold;
	font-style: normal;
	font-variant: normal;
	font-size: 90%;
	line-height: normal;
	font-family: Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	width: 290px;
}

#header a:link, a:visited  {
	color: #B51032;
}

/* Navigation */

#navigation {
	width: 200px;
	top: 5em;
	left: 1em;
	width: 13em;	
	position:absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li {
	border-bottom: 1px solid #336699;
	height: 28px;
	width: 159px;
}
#navigation li a  {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #663399;
	border-right: 1px solid #996633;
	background-color: #995566;
	color: #FFFFFF;
	text-decoration: none;
}
#navigation li a:hover {
	background-color: #331155;
	color: #339988;
}
#navigation ul ul {
	margin-left: 12px;
}
#navigation ul ul li {
	border-bottom: 1px solid #339966;
	margin:0;
	background-color: #336699;
	color: #331155;
}
#navigation ul ul a:link, #navigation ul ul a:visited {
	background-color: #336699;
	color: #711515;
}
#navigation ul ul a:hover {
	background-color: #332255;
	color: #336699;
}

/* Main Content */

#content 
{
	margin-top:1em;
	margin-left: 16em;
	margin-right: 2em;
	width: 490px;
}
h1 {
	font: 150% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
}
#content p {
	font-size: 80%;
	line-height: 1.6em; 
}

#content ul {
	font-size: 80%;
	line-height: 1.6em; 
}


/* Data Web Control Styles */

.DataWebControlStyle
{
    font-size: 90%;
}

.HeaderStyle
{
    background-color: #900;
    color: White;
    font-weight: bold;
}

.AlternatingRowStyle
{
    background-color: #fcc;
}

.RowStyle
{
}

#DangKy{clear:both;
    height: 670px;
}
#DangKy .Content{padding-left:10px; border-top:1px solid #cccccc;}
#DangKy .Content .Ten{color:Blue; font-weight:bold}
#DangKy .Lable{padding-left:20px; width:150px; color:MenuText;}


